.el-transfer {
  .el-transfer-panel {
    width: 176px;
    border: 1px solid @color-border;
    border-radius: 2px;

    .el-transfer-panel__header {
      background-color: transparent;
      padding-left: 12px;
      height: 39px;

      .el-checkbox {
        .el-checkbox__label {
          font-size: @font-content;
          color: @color-summary;

          span {
            right: 12px;
            font-size: @font-content;
            color: rgba(0, 0, 0, 0.45);
          }
        }
      }
    }

    .el-transfer-panel__body {
      padding-right: 4px;
      height: 191px;

      .el-transfer-panel__filter {
        margin: 8px 8px 3px 12px;

        .el-input__inner {
          width: 100%;
          height: 32px;
          border-radius: 2px;
        }

        .el-input__prefix{
          left: 0;
        }
      }

      .el-transfer-panel__list {
        height: 100%;
        overflow-x: hidden;
        padding: 0;

        .el-transfer-panel__item {
          padding-left: 11px;
          height: 32px;
          width: 100%;

          .el-checkbox__label {
            color: @color-summary;
          }
        }

        .is-checked {
          background: rgba(82, 176, 254, 0.1);
        }

        &.is-filterable {
          height: 148px;
        }

        &::-webkit-scrollbar {
          width: 4px;
        }

        &::-webkit-scrollbar-thumb {
          background: @color-border;
          border-radius: 2px;
        }

        &::-webkit-scrollbar-track-piece {
          display: none;
        }
      }

      .el-input {
        width: auto;
      }
    }

    .el-transfer-panel__empty{
      color: @color-sup;
    }
  }

  .el-transfer__buttons {
    padding: 0 8px;

    .el-transfer__button {
      width: 24px;
      height: 24px;
      border-radius: 2px;
      border: none;
      padding: 0;
    }

    .is-disabled{
      width: 24px;
      height: 24px;
      background: @color-light-gray;
      border: 1px solid @color-border;
      border-radius: 2px;
      box-sizing: border-box;
    }
  }

  .el-input > input {
    border-color: @color-border;
    width: auto;

    &:focus {
      border-color: @color-primary;
    }
  }
}
